import React from 'react';
import { Link } from 'react-router-dom';
import { Route, Routes, Navigate } from 'react-router';
import { KanbanScreen } from 'screens/kanban';
import { EpicScreen } from 'screens/epic';
export const ProjecScreen = () => {
  return (
    <div>
      <h1>ProjecScreen</h1>
      <Link to={'kanban'}>看板</Link>
      <Link to={'epic'}>任务组</Link>
      <Routes>
        <Route path={'/kanban'} element={<KanbanScreen />}></Route>
        <Route path={'/epic'} element={<EpicScreen />}></Route>
        <Route
          path="*"
          element={
            <Navigate to={window.location.pathname + '/kanban'}></Navigate>
          }
        />
      </Routes>
    </div>
  );
};
